import React  from 'react';
import PropTypes from 'proptypes';
import Dialog from '@mui/material/Dialog';
import DialogTitle from '@mui/material/DialogTitle';
import DialogContent from '@mui/material/DialogContent';
import DialogActions from '@mui/material/DialogActions';
import Button from '@mui/material/Button';
import IconButton from '@mui/material/IconButton';
import CloseIcon from '@mui/icons-material/Close'
import CheckIcon from '@mui/icons-material/Check'
export default function ServerModalForm(props){
    const { title, message } = props;
    return (
      <Dialog
        closable="false"
        detachable="false"
        open={props.modalOpen}
        dimmer={'inverted'}
      >
        <DialogTitle>{title}</DialogTitle>
        <DialogContent>{message}</DialogContent>
        <DialogActions>
          <IconButton
            onClick={props.onCancelClick}
            tabIndex={0}
          >
            No
            <CloseIcon />
          </IconButton>
          <IconButton
            onClick={props.onRemoveClick}
            tabIndex={0}
          >
            Yes
            <CheckIcon />
          </IconButton>
        </DialogActions>
      </Dialog>
    );
}
